.promoteContract{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.3);
	z-index:999;
}
.promoteContract>.discountPlan{
	position:absolute;
	width:6.4rem;
	top:1rem;
	left:50%;
	margin-left:-3.2rem;
	overflow:hidden;
	height:9rem;
}
.promoteContract>.discountPlan>p{
	height:1.2rem;
	line-height:1.2rem;
	text-align:center;
	width:100%;
	background:#ffd400;
	border-top-left-radius: 0.2rem;
	border-top-right-radius: 0.2rem;
	border-bottom:0.1rem solid #e70012;
	font-size:0.36rem;
	color:#e70012;
}
.promoteContract>.discountPlan>.swipeContract{
	background:#fff;
	padding-top:0.3rem;
	border-bottom-right-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
	box-sizing:border-box;
	height:7.7rem;
}
.promoteContract>.discountPlan>.swipeContract>p{
	font-size:0.24rem;
	color:#000;
	line-height:0.24rem;
	margin-left:0.46rem;
	margin-bottom:0.3rem;
}
.promoteContract>.discountPlan>.swipeContract>p>i{
	float:right;
	width:0.26rem;
	height:0.22rem;
	background:url('../img/doubleUp.png') no-repeat;
	background-size:contain;
	margin-right:0.47rem;
}
.promoteContract>.discountPlan>.swipeContract>.timelineBox{
	width:100%;
	/*height:5.06rem;*/
	height:5.44rem;
	overflow:auto;
}
.promoteContract>.discountPlan>.swipeContract>.bottomBtn{
	/*margin-top:0.42rem;*/
	margin-top:0.04rem;
	padding:0 0.47rem 0.4rem;
}
.promoteContract>.discountPlan>.swipeContract>.bottomBtn>button{
	height:0.7rem;
	width:5.46rem;
	line-height:0.7rem;
	background:#ffd400;
	text-align:center;
	font-size:0.3rem;
	font-weight:700;
	color:#e70012;
	border-radius:0.1rem;
}
.promoteContract>.discountPlan>.swipeContract>.bottomBtn>a{
	display:block;
	margin-top:0.26rem;
	font-size:0.24rem;
	color:#999;
	line-height:0.24rem;
	text-align:right;
}

#timeline {
	list-style: none;
	margin: 0 0.46rem 0 1.46rem;
	padding-left: 0.2rem;
	border-left: 0.06rem solid #ccc;
	box-sizing:border-box;
}
#timeline li {
	margin-top:0.26rem;
	position: relative;
	width:4.2rem;
	height:1rem;
}

.date {
	margin-top: -0.15rem;
	top: 50%;
	left: -1.24rem;
	font-size: 0.3rem;
	line-height: 0.3rem;
	position: absolute;
	font-weight: normal;
	width:0.74rem;
	text-align:center;
	overflow:hidden;
}

.circle {
	margin-top: -0.1rem;
	top: 50%;
	left: -0.32rem;
	width: 0.2rem;
	height:0.2rem;
	background: #ffd400;
	border-radius: 50%;
	position: absolute;
}
.line{
	position:absolute;
	width:0.06rem;
	height:1.1rem;
	background: #ffd400;
	top:50%;
	left:-0.26rem;
	margin-top:0.1rem;
}
#timeline>li:last-child .line{
	height:0.4rem;
	background:#fff;
}


label {
	width:4.2rem;
	height:1rem;
	line-height:1rem;
	background:url('../img/unselectBg.png') no-repeat;
	background-size:contain;
	font-size: 0.26rem;
	color:#999;
	position: absolute;
	z-index: 100;
	box-sizing:border-box;
	padding:0 0 0 0.6rem;
}
label>span{
	margin-left:0.6rem;
	font-size:0.36rem;
	font-weight:bold;
}

.relative label.checked{
	color:#e70012;
	background:url('../img/selectBg.png') no-repeat;
	background-size:contain;
}
label.checked + .date {
	color:#ffd400;
	font-weight:bold;
}

/*合约达标条件*/
.contractTerms{
	width:4rem;
	/*height:4.8rem;*/
	height:5.18rem;
	background:#FFF2B2;
	border-radius:0.1rem;
	margin:0.07rem auto 0;
	padding-top:0.3rem;
	box-sizing: border-box;
}
.topContractTerms{
	width:3.25rem;
	height:2.19rem;
	background:url('../img/contractTerms.png');
	background-size:contain;
	margin:0 auto;
	text-align:center;
	box-sizing: border-box;
	padding-top:0.9rem;
}
.topContractTerms>div{
	font-weight:bold;
	font-size:0.25rem;
	color:#e70012;
	line-height:0.48rem;
	height:0.48rem;
	width:1.4rem;
	overflow:hidden;
	margin:0 auto;
	white-space:nowrap;
}
.topContractTerms>div>span{
	font-size:0.48rem;
}
.topContractTerms>p{
	font-size:0.24rem;
	color:#fff;
	width:2.3rem;
	height:0.5rem;
	margin:0.18rem auto 0;
	white-space:nowrap;
	overflow:hidden;
	line-height:0.5rem;
}
.bottomContractTerms{
	margin-top:0.2rem;
}
.bottomContractTerms>p{
	font-size:0.26rem;
	color:#000;
	line-height:0.26rem;
	margin-bottom:0.18rem;
	text-align:center;
}
.bottomContractTerms>ul{
	width:2.4rem;
	margin:0 auto;
	/*height:1.52rem;*/
	height:1.90rem;
	overflow:auto;
}
.bottomContractTerms>ul>li{
	font-size:0.24rem;
	color:#ff4d4d;
	line-height:0.38rem;
	text-align:left;
	position:relative;
	padding-left:0.24rem;
	word-break:break-all;
}
.bottomContractTerms>ul>li>i{
	font-style: normal;
	position:absolute;
	top:0;
	left:0;
}
.bottomContractTerms>ul>li>a{
	font-size:0.24rem;
	color:#999;
	line-height:0.38rem;
}
.useStations{
	padding-top:0.2rem;
	display:none;
}
.useStations>div{
	width:3.25rem;
	height:0.65rem;
	margin:0 auto;
	text-align:center;
	background:url('../img/contractStations.png') no-repeat;
	background-size: contain;
	font-size:0.24rem;
	color:#fff;
	box-sizing: border-box;
	padding-top:0.1rem;
}
.useStations>div>p{
	width:2.3rem;
	white-space: nowrap;
	overflow: hidden;
	margin:0 auto;
}
.useStations>ul{
	width:3.4rem;
	margin:0.2rem auto 0;
	border-bottom:1px solid #f66;
	padding-bottom:0.1rem;
	height:3.08rem;
	overflow:auto;
}
.useStations>ul>li>p{
	font-size:0.24rem;
	color:#000;
	font-weight:500;
	line-height:0.24rem;
	margin-bottom:0.2rem;
}
.useStations>ul>li>ul>li{
	font-size:0.24rem;
	color:#999;
	line-height:0.3rem;
	margin-bottom:0.14rem;
	position:relative;
	padding-left:0.14rem;
}
.useStations>ul>li>ul>li>i{
	position:absolute;
	width:0.08rem;
	height:0.08rem;
	border-radius: 50%;
	background:#FF6666;
	top:0.1rem;
	left:0;
}
.useStations>button{
	text-align:center;
	font-size:0.24rem;
	color:#f66;
	line-height:0.54rem;
	width:100%;
	background:transparent;
	font-weight:600;
}
.promoteContract>.discountPlan>.contractSuccess>.timelineBox{
	 height:auto;
 }
.contractSuccess .contractTerms{
	margin-top:0.47rem;
}
.contractSuccess .contractTerms>div:first-child{
	width:3.25rem;
	height:0.65rem;
	background:url('../img/contractStations.png') no-repeat;
	background-size: contain;
	margin:0 auto;
	text-align:center;
	font-size:0.24rem;
	color:#fff;
	box-sizing: border-box;
	padding-top:0.1rem;
}
.contractSuccess .contractTerms>div:first-child>p{
	width:2.3rem;
	white-space: nowrap;
	overflow: hidden;
	margin:0 auto;
}
.contractSuccess .contractTerms>div:nth-child(2){
	text-align:center;
}
.contractSuccess .contractTerms>div:nth-child(2)>img{
	width:1rem;
	height:1rem;
	margin-top:0.94rem;
}
.contractSuccess .contractTerms>div:nth-child(2)>p{
	font-size:0.3rem;
	color:#000;
	font-weight:500;
	line-height:0.3rem;
	margin:0.25rem 0 0.15rem;
}
.contractSuccess .contractTerms>div:nth-child(2)>div{
	font-size:0.24rem;
	color:#ff4d4d;
	line-height:0.24rem;
}
.promoteContract>.discountPlan>.contractFail>.timelineBox{
	height:auto;
}
.contractFail .contractTerms{
	margin-top:0.27rem;
}
.contractFail .contractTerms>div:first-child{
	width:3.25rem;
	height:0.65rem;
	background:url('../img/contractStations.png') no-repeat;
	background-size: contain;
	margin:0 auto;
	text-align:center;
	font-size:0.24rem;
	color:#fff;
	box-sizing: border-box;
	padding-top:0.1rem;
}
.contractFail .contractTerms>div:first-child>p{
	width:2.3rem;
	white-space: nowrap;
	overflow: hidden;
	margin:0 auto;
}
.contractFail .contractTerms>div:nth-child(2){
	text-align:center;
}
.contractFail .contractTerms>div:nth-child(2)>img{
	width:1rem;
	height:1rem;
	margin-top:1.02rem;
}
.contractFail .contractTerms>div:nth-child(2)>p{
	font-size:0.3rem;
	color:#000;
	font-weight:500;
	line-height:0.3rem;
	margin-top:0.25rem;
	padding: 0 0.3rem;
}
.contractFail{
	text-align:center;
}
.contractFail button{
	/*width:5.46rem;*/
	width:2.6rem;
	height:0.7rem;
	line-height:0.7rem;
	text-align:center;
	/*background:#E70012;*/
	color:#fff;
	border-radius:0.1rem;
	/*margin:0.7rem auto 0;*/
	font-size:0.3rem;
	position: absolute;
	bottom: 0.3rem;
}
.contractFail button.lf{
	left: 0.4rem;
	background:#ffd400;
}
.contractFail button.rt{
	right: 0.4rem;
	background:#E70012;
}
/*contractwyFail*/

.promoteContract>.discountPlan>.contractwyFail>.timelineBox{
	height:auto;
}
.contractwyFail .contractTerms{
	margin-top:0.27rem;
}
.contractwyFail .contractTerms>div:first-child{
	width:3.25rem;
	height:0.65rem;
	background:url('../img/contractStations.png') no-repeat;
	background-size: contain;
	margin:0 auto;
	text-align:center;
	font-size:0.24rem;
	color:#fff;
	box-sizing: border-box;
	padding-top:0.1rem;
}
.contractwyFail .contractTerms>div:first-child>p{
	width:2.3rem;
	white-space: nowrap;
	overflow: hidden;
	margin:0 auto;
}
.contractwyFail .contractTerms>div:nth-child(2){
	text-align:center;
}
.contractwyFail .contractTerms>div:nth-child(2)>img{
	width:1rem;
	height:1rem;
	margin-top:1.02rem;
}
.contractwyFail .contractTerms>div:nth-child(2)>p{
	font-size:0.26rem;
	color:#000;
	font-weight:500;
	line-height:0.5rem;
	margin-top:0.25rem;
	padding: 0 0.3rem;
}
.contractwyFail{
	text-align:center;
}
.contractwyFail button{
	/*width:5.46rem;*/
	width:2.6rem;
	height:0.7rem;
	line-height:0.7rem;
	text-align:center;
	/*background:#E70012;*/
	color:#fff;
	border-radius:0.1rem;
	/*margin:0.7rem auto 0;*/
	font-size:0.3rem;
	position: absolute;
	bottom: 0.3rem;
}
.contractwyFail button.lf{
	left: 0.4rem;
	background:#ffd400;
}
.contractwyFail button.rt{
	right: 0.4rem;
	background:#E70012;
}